<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="js/jquery1.42.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="bartop"></div>
<div class="top-nav">
	<div class="curcity">我在：上海</div>
    <div class="login"><span class="login-text">请登录</span><span class="login-icon"></span></div>
	<div class="mtime-logo"><a title="Mtime时光网" href="#"></a></div>
	<ul>
    	<li class="current"><a href="#">首页</a></li>
        <li><a href="#">新闻</a></li>
        <li><a href="#">影院</a></li>
        <li><a href="#">社区</a></li>
        <li><a href="#">发现</a></li>
    </ul>
</div>
<div class="mtime-box">
	<div class="bd">
        <ul>
            <li style="background: url(images/img1.jpg) no-repeat center center">
                <div class="m-width">
                <a href="#"><img src="images/img1_1.jpg" /></a>
                </div>
            </li>
            <li style="background: url(images/img2.jpg) no-repeat center center">
                <div class="m-width">
                <a href="#"><img src="images/img2_2.jpg" /></a>
                </div>
            </li>
            <li style="background: url(images/img3.jpg) no-repeat center center">
                <div class="m-width">
                <a href="#"><img src="images/img3_3.jpg" /></a>
                </div>
            </li>
            <li style="background: url(images/img4.jpg) no-repeat center center">
                <div class="m-width">
                <a href="#"><img src="images/img4_4.jpg" /></a>
                </div>
            </li>
            <li style="background: url(images/img5.jpg) no-repeat center center">
                <div class="m-width">
                <a href="#"><img src="images/img5_5.jpg" /></a>
                </div>
            </li>
        </ul>
    </div>
    <div class="mtime-btn">
        <a class="prev" href="javascript:;"></a>
        <a class="next" href="javascript:;"></a>
        <div class="hd"><ul></ul></div>
    </div>
</div>
<div id="content">
	<div class="i_content"></div>
</div>
<script type="text/javascript">
$(".prev,.next").hover(function(){
	$(this).stop(true,false).fadeTo("show",0.9);
},function(){
	$(this).stop(true,false).fadeTo("show",0.4);
})
$(".mtime-box").slide({
	titCell:".hd ul",
	mainCell:".bd ul",
	effect:"fold",
	interTime:3500,
	delayTime:500,
	autoPlay:true,
	autoPage:true, 
	trigger:"click" 
});
</script>
</body>
</html>
